Self-host: split auth layout with product context beside the form by RhysSullivan · Pull Request #1270 · RhysSullivan/executor

RhysSullivan · 2026-07-02T09:54:55Z

The setup and login screens were a bare centered card with no explanation of what Executor is. For self-host that card is the first thing a person ever sees, with no marketing site behind it.

Setup and login now use a split layout: a promo panel (wordmark, mono eyebrow, headline, three indexed points for Connect / Control / Audit, graph-paper texture per design.md) beside the form card. The layout collapses to form-only below lg with the wordmark above the card. The MCP install card subtitle now says what the command does in plain words, and the agent icon buttons have accessible names.

Verified in the browser at desktop and mobile widths, plus the full first-run flow. Typecheck is green.

Stacked on #1269.

greptile-apps · 2026-07-02T09:57:03Z

Greptile Summary

This PR introduces a split auth layout for the self-hosted login and setup pages, placing a branded promo panel (wordmark, graph-paper texture, Connect/Control/Audit points) beside the form instead of a bare centered card. The MCP install card subtitle for HTTP mode is reworded to plain English, and the agent icon badges are corrected to <span role="img"> elements.

auth-layout.tsx (new): reusable AuthLayout wraps both pages; collapses to form-only below lg with the wordmark shown above the card.
login.tsx / setup.tsx: each page is now wrapped in AuthLayout; heading and subtitle copy updated to match the new layout.
mcp-install-card.tsx: HTTP subtitle reworded; agent icons now carry role="img" and aria-label for screen readers.

Confidence Score: 5/5

Safe to merge — changes are purely presentational; no auth logic, routing, or data handling is touched.

The auth layout is a new wrapper that only affects the visual shell of the login and setup pages. No authentication flow, session handling, or API calls are modified. The only concern is an h2 appearing before an h1 in document order in the aside panel, which is a minor heading-hierarchy accessibility issue with no functional impact.

auth-layout.tsx — the aside heading hierarchy.

Important Files Changed

Filename	Overview
apps/host-selfhost/web/auth-layout.tsx	New split-panel auth layout with graph-paper texture, wordmark, and product copy; heading order places h2 before h1 in DOM.
apps/host-selfhost/web/login.tsx	Wrapped in AuthLayout, heading and subtitle copy updated; logic unchanged.
apps/host-selfhost/web/setup.tsx	Wrapped in AuthLayout, heading and subtitle copy updated; logic unchanged.
packages/react/src/components/mcp-install-card.tsx	HTTP-mode subtitle reworded to plain English; agent icon spans now carry role="img" and aria-label; text-muted-foreground color class added.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[Browser request] --> B{Viewport ≥ lg?}
    B -- Yes --> C[AuthLayout: 2-column grid]
    B -- No --> D[AuthLayout: 1-column, aside hidden]
    C --> E[aside: Wordmark + promo panel\ngraph-paper texture\nConnect / Control / Audit]
    C --> F[main: Wordmark hidden\n+ form children]
    D --> G[main: Wordmark shown\n+ form children]
    F --> H{Which page?}
    G --> H
    H -- /login --> I[LoginPage form\nsignin or invite-code mode]
    H -- /setup --> J[SetupPage form\nadmin account creation]

%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
flowchart TD
    A[Browser request] --> B{Viewport ≥ lg?}
    B -- Yes --> C[AuthLayout: 2-column grid]
    B -- No --> D[AuthLayout: 1-column, aside hidden]
    C --> E[aside: Wordmark + promo panel\ngraph-paper texture\nConnect / Control / Audit]
    C --> F[main: Wordmark hidden\n+ form children]
    D --> G[main: Wordmark shown\n+ form children]
    F --> H{Which page?}
    G --> H
    H -- /login --> I[LoginPage form\nsignin or invite-code mode]
    H -- /setup --> J[SetupPage form\nadmin account creation]

_{Reviews (5): Last reviewed commit: "Split auth screens into a guided layout" | Re-trigger Greptile}

github-actions · 2026-07-02T09:58:53Z

Cloudflare preview

Torn down — the PR is closed.

cloudflare-workers-and-pages · 2026-07-02T10:05:26Z

Deploying with Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Updated (UTC)
✅ Deployment successful! View logs	executor-cloud	`74796f8`	Jul 02 2026, 08:43 PM

cloudflare-workers-and-pages · 2026-07-02T10:05:26Z

Deploying with Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	executor-marketing	`74796f8`	Commit Preview URL Branch Preview URL	Jul 02 2026, 08:41 PM

pkg-pr-new · 2026-07-02T10:06:45Z

Open in StackBlitz

@executor-js/cli

npm i https://pkg.pr.new/@executor-js/cli@1270

@executor-js/config

npm i https://pkg.pr.new/@executor-js/config@1270

@executor-js/execution

npm i https://pkg.pr.new/@executor-js/execution@1270

@executor-js/sdk

npm i https://pkg.pr.new/@executor-js/sdk@1270

@executor-js/plugin-file-secrets

npm i https://pkg.pr.new/@executor-js/plugin-file-secrets@1270

@executor-js/plugin-graphql

npm i https://pkg.pr.new/@executor-js/plugin-graphql@1270

@executor-js/plugin-keychain

npm i https://pkg.pr.new/@executor-js/plugin-keychain@1270

@executor-js/plugin-mcp

npm i https://pkg.pr.new/@executor-js/plugin-mcp@1270

@executor-js/plugin-onepassword

npm i https://pkg.pr.new/@executor-js/plugin-onepassword@1270

@executor-js/plugin-openapi

npm i https://pkg.pr.new/@executor-js/plugin-openapi@1270

@executor-js/codemode-core

npm i https://pkg.pr.new/@executor-js/codemode-core@1270

@executor-js/runtime-quickjs

npm i https://pkg.pr.new/@executor-js/runtime-quickjs@1270

executor

npm i https://pkg.pr.new/executor@1270

commit: 15e224b

greptile-apps Bot reviewed Jul 2, 2026

View reviewed changes

Comment thread packages/react/src/components/mcp-install-card.tsx

RhysSullivan force-pushed the ux/dev-seed-opt-in branch from d6c8c28 to 0d417a2 Compare July 2, 2026 17:52

RhysSullivan force-pushed the ux/auth-split-layout branch from 341c535 to 91b64ae Compare July 2, 2026 17:52

RhysSullivan force-pushed the ux/dev-seed-opt-in branch from 0d417a2 to d990bce Compare July 2, 2026 17:55

RhysSullivan force-pushed the ux/auth-split-layout branch from 91b64ae to 15e224b Compare July 2, 2026 17:55

RhysSullivan force-pushed the ux/dev-seed-opt-in branch from d990bce to ffa7ac7 Compare July 2, 2026 18:20

RhysSullivan force-pushed the ux/auth-split-layout branch 2 times, most recently from 2a2a00d to 3bb33c3 Compare July 2, 2026 18:21

RhysSullivan force-pushed the ux/dev-seed-opt-in branch from ffa7ac7 to 5b7c38f Compare July 2, 2026 18:21

RhysSullivan force-pushed the ux/auth-split-layout branch from 3bb33c3 to f4aa185 Compare July 2, 2026 18:21

RhysSullivan force-pushed the ux/dev-seed-opt-in branch 2 times, most recently from 6d86462 to c785006 Compare July 2, 2026 18:21

RhysSullivan force-pushed the ux/auth-split-layout branch from f4aa185 to 94c3063 Compare July 2, 2026 18:21

RhysSullivan force-pushed the ux/dev-seed-opt-in branch from c785006 to f2e31c2 Compare July 2, 2026 18:22

RhysSullivan force-pushed the ux/auth-split-layout branch from 94c3063 to aa0c669 Compare July 2, 2026 18:22

RhysSullivan force-pushed the ux/dev-seed-opt-in branch from f2e31c2 to 1377b4e Compare July 2, 2026 18:22

RhysSullivan force-pushed the ux/auth-split-layout branch from aa0c669 to 432ec3f Compare July 2, 2026 18:22

RhysSullivan force-pushed the ux/dev-seed-opt-in branch from 1377b4e to 9d2df17 Compare July 2, 2026 18:22

RhysSullivan force-pushed the ux/auth-split-layout branch from 432ec3f to 602e098 Compare July 2, 2026 18:22

RhysSullivan force-pushed the ux/dev-seed-opt-in branch from 9d2df17 to 5789336 Compare July 2, 2026 18:22

RhysSullivan force-pushed the ux/auth-split-layout branch from 602e098 to 3f788b7 Compare July 2, 2026 18:22

Split auth screens into a guided layout

74796f8

RhysSullivan force-pushed the ux/auth-split-layout branch from 3f788b7 to 74796f8 Compare July 2, 2026 18:22

RhysSullivan changed the base branch from ux/dev-seed-opt-in to main July 2, 2026 18:22

RhysSullivan merged commit d64365f into main Jul 2, 2026
15 of 20 checks passed

RhysSullivan deleted the ux/auth-split-layout branch July 2, 2026 18:23

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Self-host: split auth layout with product context beside the form#1270

Self-host: split auth layout with product context beside the form#1270
RhysSullivan merged 1 commit into
mainfrom
ux/auth-split-layout

RhysSullivan commented Jul 2, 2026 •

edited

Loading

Uh oh!

greptile-apps Bot commented Jul 2, 2026 •

edited

Loading

Uh oh!

Uh oh!

github-actions Bot commented Jul 2, 2026 •

edited

Loading

Uh oh!

cloudflare-workers-and-pages Bot commented Jul 2, 2026 •

edited

Loading

Uh oh!

cloudflare-workers-and-pages Bot commented Jul 2, 2026 •

edited

Loading

Uh oh!

pkg-pr-new Bot commented Jul 2, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

RhysSullivan commented Jul 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

greptile-apps Bot commented Jul 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Greptile Summary

Confidence Score: 5/5

Important Files Changed

Flowchart

Uh oh!

Uh oh!

github-actions Bot commented Jul 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Cloudflare preview

Uh oh!

cloudflare-workers-and-pages Bot commented Jul 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying with Cloudflare Workers

Uh oh!

cloudflare-workers-and-pages Bot commented Jul 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying with Cloudflare Workers

Uh oh!

pkg-pr-new Bot commented Jul 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

RhysSullivan commented Jul 2, 2026 •

edited

Loading

greptile-apps Bot commented Jul 2, 2026 •

edited

Loading

github-actions Bot commented Jul 2, 2026 •

edited

Loading

cloudflare-workers-and-pages Bot commented Jul 2, 2026 •

edited

Loading

cloudflare-workers-and-pages Bot commented Jul 2, 2026 •

edited

Loading

pkg-pr-new Bot commented Jul 2, 2026 •

edited

Loading